<template>
  <div id="app">
    <header class="head">
      <a class="back tl" href="javascript:history.back(-1)">
        <i class="el-icon-arrow-left"></i>
      </a>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">通知公告</small>
      </a>
    </header>
    <main> 
      <div class="lawdetail">
        <div class="article-title">
          <h2>{{this.listData.title}}</h2>
        </div>
        <span>
             <i class="el-icon-time"></i><span class="rn-domainTime">{{this.listData.createDate}}</span>
        </span>
        <article v-html="this.listData.content">
        </article>
      </div>
    </main>
  </div>
</template>

<script>
  import {
    PublicNoticedetail
  } from '../../api/api';
  export default {
    data() {
      return {
        listData:'',
        unid: this.$route.query.unid,
      };
    },
    created() {
      this.listData = JSON.parse(sessionStorage.getItem('PublicNoticedetail')).content
    },
    methods: {
    },
    mounted() {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
  .lawdetail {
    padding: 0px 10px;
    .article-title {
      h2 {
        color: #333
      }
    }
    span {
      color: #999;
      i {
        vertical-align: text-bottom;
        margin-right: 5px;
      }
    }
    article {
      margin-top: 10px;
      text-indent: 2rem;
      line-height: 1.5rem;
      font-size: 1rem;
    }
  }
</style>
